const progresslist = [
  {title: '开始'},
  {title: "确定声明值", description: "备选样式表中没有冲突的声明，作为CSS属性值" },
  {title: "层叠冲突", description: "对样式表有冲突的声明使用层叠规则，确定CSS属性值"},
  {title: "使用继承", description: "对仍然没有值的属性，若可以继承，则继承父元素的值"},
  {title: "使用默认值", description: "对仍然没有值的属性，使用默认值"},
  {title: "结束"},
];
const fieldlist = [
  {field: 'color', value: ''},
  {field: 'background', value: ''},
  {field: 'text-align', value: ''},
  {field: 'font-size', value: ''},
  {field: 'font-weight', value: ''},
  {field: 'display', value: ''},
  {field: '其他CSS属性', value: '......'}
];
const userstyleList = [
  {
    selector: '.red',
    styles: [
      {field: 'color',value: 'red'},
      {field: 'font-size', value: '40px'}
    ]
  },
  {
    selector: 'h1',
    styles: [
      {field: 'font-size', value: '26px'}
    ]
  },
  {
    selector: 'div h1.red',
    styles: [
      {field: 'font-size', value: '3em'},
      {field: 'font-size', value: '30px'}
    ]
  },
];
const agentstyleList = [
  {
    selector: 'h1',
    styles: [
      {field: 'display', value: 'block'},
      {field: 'font-size', value: '2em'},
      {field: 'font-weight', value: 'bold'}
    ]
  },
];
const parentstyleList = [
  {
    selector: '.parent',
    styles: [
      {field: 'color',value: 'green'},
      {field: 'text-align', value: 'center'},
      {field: 'background',value: 'lightblue'},
    ]
  },
];

const hightlights = [
  [],
  ['color', 'display', 'font-weight'],
  ['font-size'],
  ['text-align'],
  [],
  []
];

export {
  progresslist,
  fieldlist,
  userstyleList,
  agentstyleList,
  parentstyleList,
  hightlights
}
